<!DOCTYPE html>
<html>
<head>
    <title>Welcome</title>
    <style type="text/css">
        body {
            font: 83% sans-serif;
        }

        #menu {
            border-top: 1px solid black;
            border-bottom: 1px solid black;
            padding: 0;
            margin: 1em 0;
        }
        #menu li {
            display: inline;
        }
        #menu a {
            padding: 5px 20px;
        }
    </style>
</head>
<body>

<ul id="menu">
    <li><a href="index.php">Home</a></li>
    <li><a href="about.php">About us</a></li>
</ul>
<div id="content">
    Welcome to the home page!
</div>
<textarea id="loadTimeTextBox" style="width: 26em; height: 7em; margin-top: 5em;"></textarea>

<!-- load dojo and provide config via data attribute -->
<script src="./bower_components/dojo/dojo.js"
        data-dojo-config="isDebug: 1, async: 1, parseOnLoad: 1"></script>
<script src="demo2.js"></script>

<script>
    document.getElementById("loadTimeTextBox").value = "Page loaded at " + new Date() +
            "\nNotice that this doesn't change as you click links - content is being loaded dynamically without reloading the page";
</script>
</body>
</html>